import { TabBar } from "@ali/ding-ui";
import React, { Component } from "react";

class rlwTabBar extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <TabBar
        unselectedTintColor="#949494"
        tintColor="#33A3F4"
        barTintColor="white"
        hidden={this.state.hidden}
      >
        <TabBar.Item
          title="员工管理"
          key="员工管理"
          icon={
            <div
              style={{
                width: "0.44rem",
                height: "0.44rem",
                background:
                  "url(https://zos.alipayobjects.com/rmsportal/sifuoDUQdAFKAVcFGROC.svg) center center /  0.42rem 0.42rem no-repeat"
              }}
            />
          }
          selectedIcon={
            <div
              style={{
                width: "0.44rem",
                height: "0.44rem",
                background:
                  "url(https://zos.alipayobjects.com/rmsportal/iSrlOTqrKddqbOmlvUfq.svg) center center /  0.42rem 0.42rem no-repeat"
              }}
            />
          }
          selected={this.state.selectedTab === "blueTab"}
          badge={1}
          onPress={() => {
            this.setState({
              selectedTab: "blueTab"
            });
          }}
          data-seed="logId"
        />

        <TabBar.Item
          icon={{
            uri:
              "https://zos.alipayobjects.com/rmsportal/asJMfBrNqpMMlVpeInPQ.svg"
          }}
          selectedIcon={{
            uri:
              "https://zos.alipayobjects.com/rmsportal/gjpzzcrPMkhfEqgbYvmN.svg"
          }}
          title="我的主页"
          key="我的主页"
          selected={this.state.selectedTab === "yellowTab"}
          onPress={() => {
            this.setState({
              selectedTab: "yellowTab"
            });
          }}
        >
          123
        </TabBar.Item>
      </TabBar>
    );
  }
}

export default rlwTabBar;
